@function px2rem( $px ){
  @return $px/16 + rem;
}

$designWidth : 414; //750 是设计稿的宽度，要根据设计稿的宽度填写。


.mobile-bg{
    background-color: #f2f2f2;
}
.mobile-top-bg{
    width: 100%;
    height: px2rem(100);
    background: url("../images/mobilePhone/topbg.png") no-repeat;
    text-align: center;
    background-size:100% 100%; 
}
.mobile-top{
    padding-top: px2rem(25);
}
// .mobile-top .logo{
//     margin-left: px2rem(55);
// }
.mobile-top a{
    float:right;
    margin-right: px2rem(10);
}
.mobile-nav{
  position: relative;
}
.el-menu-demo{
    list-style-type: none;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    // padding:px2rem(15) 0;
    overflow:auto;
    background: #ffff;
    margin: 0;
    position: relative;
  
}
.el-menu-item{
  font-size: 18px;
}
.navmenu{
  position: absolute;
  margin-top: px2rem(-45);
  z-index: 99;
  right: 0;
  background-color: #fff;
}
//去掉滚动条高度
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.tab-head-item{
    -webkit-box-flex:1;
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    color:#666;
    padding:0 px2rem(10);
    font-size: px2rem(20);
    padding-bottom: px2rem(5);
}
.tab-head-item.on{
    color:#10568a;
    border-bottom: 1px solid #10568a;
    padding:0 px2rem(10);
}


//banner滚动
// .el-carousel__item h3 {
//     color: #475669;
//     font-size: px2rem(14);
//     opacity: 0.75;
//     line-height: px2rem(150);
//     margin: 0;
//   }
  // .el-carousel__item:nth-child(1n) {
  //   background: url("../images/mobilePhone/banner.png") no-repeat;
  //   background-size: 100% 100%;
  // }
  

// 领导足迹
.leaderFootprint{
    margin: px2rem(20) 0 0 0;
    display: block;
    background-color: #fff;
    padding: px2rem(20) px2rem(10);
}
.leaderFootprint span{
    color: #10578d;
    font-size: px2rem(22);
}
.el-radio-group{
    border: 1px solid #9ec6db;
    border-radius: px2rem(30);
    float:right;
    margin-top: px2rem(-5);
}
.el-radio-button:first-child .el-radio-button__inner{
    border-radius: px2rem(30);
}
.el-radio-button--small .el-radio-button__inner{
    border-radius: px2rem(30);
    font-size: px2rem(14);
}
.el-radio-button:last-child .el-radio-button__inner{
    border-radius: px2rem(30);
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner{
    background-color: #10578d;
}
.el-radio-button__inner{
    border-radius: px2rem(30);
    border:none;
}


// 地图map
.el-tabs{
  margin-bottom:px2rem(15);
}
//tab切换
// .el-tabs__header{
//   margin: 0 0 0 0;
//   position: absolute;
//   padding: px2rem(15) px2rem(0);
// }
// .el-tabs__active-bar{
//   background: none;
//   height: auto;
// }
// .el-tabs__nav-wrap::after{
//   background: none;
//   height: auto;
// }
// .el-tabs__item{
//   padding: 0;
//   margin-left: px2rem(15);
//   line-height: px2rem(35);
//   border-radius: 50%;
//   width: px2rem(35);
//   text-align: center;
//   height: px2rem(35);
// }
// .el-tabs__item.is-active{
//   background: #10578d;
//   color: #fff;
// }



// 重点领域
.field{
    background: #fff;
    padding: px2rem(20);
}

.field span{
    font-size: px2rem(22);
    color: #000;
    vertical-align: middle;
    display: inline-block;
}
.field a{
  float: right;
  margin-top:  px2rem(-10);
}
.field img{
    vertical-align: middle;
    display: inline-block;
}

.el-row {
    // margin-bottom: px2rem(20);
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: px2rem(4);
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: px2rem(4);
    min-height: px2rem(36);
  }
  .row-bg {
   
    background-color: #f9fafc;
  }
  .grid-content{
    color: #38474a;
    font-size: px2rem(18);
  }
  .bg-purple1{
    height: px2rem(200);
    background: url("../images/mobilePhone/field1.gif") no-repeat;
    background-size: 100% 100%;
    padding: px2rem(20) px2rem(25);
    text-align: center;
    line-height: px2rem(25);
  }
  .bg-purple2{
    height: px2rem(200);
    background: url("../images/mobilePhone/field2.gif") no-repeat;
    background-size: 100% 100%;
    padding: px2rem(20) px2rem(15);
    text-align: center;
  }
  .bg-purple3{
    height: px2rem(90);
    background: url("../images/mobilePhone/field3.png") no-repeat;
    background-size: 100% 100%;
    padding: px2rem(35) px2rem(20);
  }
  .bg-purple4{
    height: px2rem(120);
    background: url("../images/mobilePhone/field4.png") no-repeat;
    background-size: 100% 100%;
    padding: px2rem(20);
  }
  .bg-purple5{
    height: px2rem(120);
    background: url("../images/mobilePhone/field5.png") no-repeat;
    background-size: 100% 100%;
    padding: px2rem(20) px2rem(5);
  }
  .bg-purple6{
    height: px2rem(120);
    background: url("../images/mobilePhone/field6.png") no-repeat;
    background-size: 100% 100%;
    padding: px2rem(20) px2rem(8);
  }
  .fieldList{
      background: #f2f2f2;
      padding: px2rem(8);
  }
  .fieldimg{
      margin: 0 auto;
      background: #fff;
      padding: px2rem(15);
  }
  .zdlyjj {
    height: px2rem(20);
  }
  
  .el-picker-panel{
    display: none !important;
  }